要使用，React， 通常是搭配 VS Code 去使用、開發

原因：

• 支援JavaScript / TypeScript
• 整合式終端機
• 多種擴充內容可以搭配使用

下載步驟

在網站下載 Node.js
https://nodejs.org/zh-tw/download

終端機（Terminal）

node -v

檢查 Node.js 的版本號，表示已安裝

建立 Vite + React 專案

npm create vite@latest

→ 再選擇 React → JavaScript 或 TypeScript（以JavaScript 為例，之後會再介紹兩者的差別）

cd react-app

切換資料夾位置，進入專案資料夾 react-app

npm i

根據專案裡的 package.json 檔案，下載所有需要的第三方套件
→ 再把剛建立的資料夾拖曳放進 VS Code 的編輯器裡

再到

VS Code 內嵌終端（Terminal）

打開網頁伺服器

npm run dev

→ http://localhost:5173/

完成

補充：npx

終端機（Terminal）

npx create-react-app my-react(檔案名稱)

VS Code 內嵌終端（Terminal）

打開網頁伺服器

npx run start

→ http://localhost:3000

完成

npm 和 npx比較

React專案內檔案介紹

最主要：

node_modules

專門用來存放專案所安裝的所有 npm 套件（dependencies）

• 儲存所有的執行檔案
• 程式執行的關鍵
• 不需要上傳到 Git
  • 套件資訊都已經寫在 package.json

package.json

• 是每個 Node.js 專案的核心設定檔，負責紀錄專案的描述及設定，以及專案所需要的套件名稱與版本清單。